@charset "utf-8";
@import  "common/reset";
@function r($px){
    @return $px/100+rem;
};
.mobile{
    section{
        //轮播图
        .swiper-container{
            .swiper-wrapper{
                .swiper-slide{
                    .bottomInformation{
                        position: absolute;
                        bottom: r(30);
                        left: 0;
                        background: #000;
                        height: r(120);
                        width: 100%;
                        opacity: 0.6;
                        padding: r(10) r(20);
                        h3{
                            width: r(581);
                            height: r(41);
                            font-size: r(25);
                            color: wheat;
                            -webkit-line-clamp: 1;
                            overflow:hidden;
                            white-space:nowrap;
                            text-overflow:ellipsis; 
                            margin-bottom: r(8);
                            text-align: center;
                        }
                        a{
                            color: white;
                            font-size: r(25);
                            float: left;
                        }
                        .a1{
                            margin-left: r(10);
                        }
                        .a2{
                            margin-left: r(20);
                        }
                        span{
                            float: right;
                            color: white;
                            font-size: r(23);
                        }
                    }//bottomInformation
                }//swiper-slide
            }//swiper-wrapper
        }//swiper-container
        .content{
            width: r(604);
            margin: 0 auto;
            overflow: hidden;
            .one{
                width: r(282);
                height: r(345);
                background: #f6f6f6;
                margin:0 r(9.5) r(21) r(9.5);
                float: left;
                .img{
                    width: 100%;
                    img{
                        width: 100%;
                    }
                }//img
                p{
                   font-size: r(22); 
                   color: #000;
                   -webkit-line-clamp: 2;  
                   width: 98%;
                   margin: 0 auto;
                }
                ul{
                    width: 100%;
                    margin: 0 auto;
                    li{
                        overflow:hidden;
                        width: 100%;
                        margin-top: r(14);
                        input[type="button"]{
                            width: r(88);
                            height: r(27);
                            line-height: r(27);
                            text-align: center;
                            color: white;
                            background: red;
                            float: left;
                            font-size: r(18);
                            float: left;
                            border-radius: r(5);
                            &:last-child{
                                height: r(35);
                                line-height: r(35);
                            }
                        }
                        a{
                            font-size: r(15);
                            color: #c8c8c8;
                        }
                        .icon-aixin,.icon-yanjing{
                            font-size: r(19);
                            float: right;
                        }
                        .touxiang{
                            width: r(35);
                            height: r(35);
                            float: left;
                            font-size: 0;
                            vertical-align: middle;
                            margin-right:r(10); 
                            img{
                                width: 100%;
                            }
                        }
                        em{
                            height: 100%;
                            line-height: r(35);
                            font-size: r(17);
                            color: #c8c8c8;
                            float: left;
                        }
                        span{
                            height: 100%;
                            line-height: r(35);
                            float: right;
                            font-size: r(18);
                            color: #c8c8c8;
                        }
                    }
                }//ul
            }//one
        }//content
        .section_bottom{
            width: r(585);
            height: r(57);
            line-height: r(57);
            color: #e1e1e1;
            text-align: center;
            border-top: r(1) solid #e1e1e1;
            font-size: r(21);
            margin:0 auto;
            margin-top: r(33);
        }//section_bottom
    }//section
}
